<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8">
		<title>Introduction</title>
		<style>
			#references a
			{
				color: #880000;
			}
			#references li
			{
				margin-top:5px;
			}
			#content_list li
			{
				margin-top: 40px;
				font-weight:bold;
			}
			.normal_font
			{
				font-weight:normal;
			}			
			#filled_circle
			{
				list-style-type: disc;
			}
			#filled_circle li
			{
				margin-top:5px;
				font-weight:normal;
			}
			.move_right
			{
				padding-left: 50px;
			}
		</style>
	</head>
	<body>
		<div id="main_content">
			<ol id="references">
				<li><a href="#introduction" title="Introduction">HTML Introduction</a></li>
				<li><a href="#get_started" title="Get started">HTML Get Started</a></li>
				<li><a href="#basics" title="Basics">HTML Basics</a></li>
			</ol>
			<ol id="content_list">
				<li id="introduction">
					Introduction
					<br />
					<span class="normal_font">
						What is HTML?<br />
						HTML is a language for describing web pages.
						<ul id="filled_circle">
							<li>HTML stands for <b>H</b>yper <b>T</b>ext <b>M</b>arkup <b>L</b>anguage</li>
							<li>HTML is not a programming language, it is a <strong>markup language</strong></li>
							<li>A markup language is a set of <strong>markup tags</strong></li>
							<li>HTML uses <strong>markup tags</strong> to describe web pages</li>
						</ul>
					</span>
				</li>
				<li id="get_started">
					Get Started
					<br />
					<span class="normal_font">
						Editing HTML
						<br />
						In this tutorial we use a plain text editor(like Notepad) to edit HTML. We believe this is the best way to learn HTML.
						<br />
						However, professional web developers ofter prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.
					</span>
				</li>
				<li id="basics">
					Basics
					<br />
					<span class="normal_font">
						HTML Headings <br />
						HTML headings are defined with the &lt;h1&gt; to &lt;h6&gt; tags.
						<table>
							<tr>
								<td>
									<code>
										&lt;h1&gt;This is a heading&lt;/h1&gt; <br />
										&lt;h2&gt;This is a heading&lt;/h2&gt; <br />
										&lt;h3&gt;This is a heading&lt;/h3&gt;
									</code>
								</td>
								<td class="move_right">
									<h1> This is a heading </h1>
									<h2> This is a heading </h2>
									<h3> This is a heading </h3>
								</td>
							</tr>
						</table>
					</span>
				</li>
			</ol>
		</div>
	</body>

</html>